<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>教学科研</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<!-- 	<meta name="format-detection" content="telephone=no"> -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script type="text/javascript">
		//手机适配
		var cssEl=document.createElement("style");
		document.documentElement.firstElementChild.appendChild(cssEl);
		function setPxPerRem(){
			var dpr=1;
			var pxPerRem=document.documentElement.clientWidth*dpr/10;
			if(pxPerRem>60){
				pxPerRem=60;
			}
			cssEl.innerHTML='html{font-size:'+pxPerRem+'px!important;}';
		}
		setPxPerRem();
		//手机适配结束
	</script>
	<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="top-d">
	<h1><img src="images/home/logo.jpg"></h1>
	<a href="javascript:void(0);" class="h-list-btn"></a>
</header>
<section class="nav-list">
	<a href="course.html">课程</a>
	<a href="android.html">专业快讯</a>
	<a href="teach-jxcg.html">教学科研</a>
	<a href="">毕业生</a>
	<a href="">产教融合</a>
</section>
<div class="shadow"></div>
<div class="swiper-container swiper-container-horizontal" id="swiper-container2">
	<div class="swiper-wrapper has">
		<div class="swiper-slide active-nav swiper-slide-visible swiper-slide-active">
			教学成果</div>
		<div class="swiper-slide swiper-slide-visible swiper-slide-next">
			科研成果</div>
	</div>
</div>
<div class="swiper-container swiper-container-horizontal" id="swiper-container3">
	<div class="swiper-wrapper">
		<div class="swiper-slide blue-slide swiper-slide-active">
			<div>
				<p>
					软件技术专业2004年开始招生，2005年被确定为校改革
					试点与重点建设专业，2012年评为宁波市特色专业。专业先
					后与甲骨文OAEC人才产业基地、达内科技集团有限公司、
					、国研软件等国内外知名IT企业建立校企合作关系，大力推
					进项目化教学、重视学生实践动手能力培养，现已培养毕业
					生 1300 多人。
				</p>
				<p>
					软件专业现有教授1人、副教授4人，讲师2人，高级职称
					比例达70%。拥有浙江省教学名师1名，浙江优秀青年教师资
					助项目1人，宁波市领军和拔尖人才培养工程1名，校教坛新秀
					1名，校青年骨干教师4名，是一支教学经验丰富、创新实践
					能力强、“善教学能科研”的教师队伍，2015年被评为校级
					优秀教学团队。
				</p>
			</div>
		</div>
		<div class="swiper-slide red-slide swiper-slide-next">
			<div>
				<p>
					专业建设成果


					一、重点、特色专业
					1.校企共建特色专业：土木工程专业
					2.重点本科专业：土木工程专业、建筑学专业、房地产开发与管理专业
					3.重点专科专业：房地产经营与估价（专科）专业、建筑工程技术（专科）专业

					二、人才培养模式创新实验区
					土木工程专业高素质应用型人才培养模式创新实验区
				</p>

			</div>
		</div>
	</div>
</div>

<footer class="base-nav">
	<ul>
		<li>
			<a href="index.html">首页</a>
		</li>
		<li>
			<a href="major.html">专业</a>
		</li>

		<li>
			<a href="">创新联盟</a>
		</li>
		<li>
			<a href="teacher.html">师资队伍</a>
		</li>
		<li>
			<a href="">创新创业</a>
		</li>
	</ul>
</footer>

<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script src="js/swiper-3.3.1.jquery.min.js"></script>
	<script>
		$(".h-list-btn").on("click",function(){
			$(".nav-list").slideToggle();
		});

		var mySwiper2 = new Swiper('#swiper-container2',{
			watchSlidesProgress : true,
			watchSlidesVisibility : true,
			slidesPerView : 3,
			onTap: function(){
				mySwiper3.slideTo( mySwiper2.clickedIndex)
			}
		});
		var mySwiper3 = new Swiper('#swiper-container3',{

			onSlideChangeStart: function(){
				updateNavPosition()
			}

		});

		function updateNavPosition(){
			$('#swiper-container2 .active-nav').removeClass('active-nav')
			var activeNav = $('#swiper-container2 .swiper-slide').eq(mySwiper3.activeIndex).addClass('active-nav');


			if (!activeNav.hasClass('swiper-slide-visible')) {
				console.log(1);
				if (activeNav.index()>mySwiper2.activeIndex) {
					console.log(2);
					var thumbsPerNav = Math.floor(mySwiper2.width/activeNav.width())-1
					mySwiper2.slideTo(activeNav.index()-thumbsPerNav)
				}
				else {
					console.log(3);
					mySwiper2.slideTo(activeNav.index())
				}
			}
		}

	</script>
</body>
</html>